<div class="container-tight py-4">
  <div class="text-center mb-4">
    <a href="."><img src="/mix-app/css/portal/img/mixcore-logo-red-2.svg" alt="Mixcore CMS" height="36"></a>
  </div>
  <div class="card card-md">
    <div class="card-body text-center py-4 p-sm-5">
      <img src="/mix-app/css/portal/img/illustrations/undraw_forgot_password_gi2d.svg" height="128" class="mb-n2"
        height="120" alt="">
      <h1 class="mt-5">Your new password</h1>
      <p class="text-muted">Please use the password that you can remember.</p>
    </div>
    <div class="hr-text hr-text-center hr-text-spaceless">reset password form</div>
    <div class="card-body" ng-init="init()">

      <form class="card mb-4" ng-class="{'submitted': submitted}" ng-submit="submit()">
        <div class="card-body p-6">
          <div class="card-title">Reset Password</div>
          <div class="mb-3">
            <label class="form-label">Email address </label>
            <input ng-model="user.email" class="form-control" type="email" required placeholder="Email..."
              type="text" />
          </div>
          <div class="mb-3">
            <label class="form-label"> Password </label>
            <input ng-model="user.password" type="password" required class="form-control"
              placeholder="Input admin password..." />
          </div>
          <div class="mb-3">
            <label class="form-label"> Confirm Password </label>
            <input ng-model="user.confirmPassword" type="password" required class="form-control"
              placeholder="Input confirm password..." />
          </div>
          <div class="form-footer">
            <button type="submit" class="btn btn-primary btn-block">Submit</button>
          </div>
          <div class="mt-1 text-center">
            Back to <a ng-click="goToSiteUrl('/')">homepage</a>
          </div>
        </div>
      </form>


    </div>
  </div>
</div>